---
title: Contact Forms
description: Explore a curated collection of contact form components built with Tailwind CSS v4. Display contact forms with modern, responsive layouts perfect for marketing websites and lead generation.
category: marketing
emoji: 📧
slug: contact-forms
tag: new
terms:
  - input
  - inquiry
  - newsletter
components:
  - { title: 'Base', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Base with triage', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Base with checkboxes', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Grid', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Side-by-side form with description', dark: true, plugins: ['@tailwindcss/forms'] }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Contact Form Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
